<DocumentFragment>
  <div
    class="ant-app"
  >
    <div>
      test
    </div>
    <div
      style="padding: 24px;"
    >
      <div
        style="display: flex; flex-direction: column; gap: 8px;"
      >
        <span
          class="ant-input-group-wrapper ant-input-group-wrapper-outlined ant-input-search ant-input-search-with-button"
          style="max-width: 522px; width: 100%;"
        >
          <span
            class="ant-input-wrapper ant-input-group"
          >
            <input
              class="ant-input ant-input-outlined"
              placeholder="请输入"
              type="search"
              value=""
            />
            <span
              class="ant-input-group-addon"
            >
              <button
                class="ant-btn ant-btn-default ant-btn-color-primary ant-btn-variant-solid ant-input-search-button"
                type="button"
              >
                <span>
                  搜 索
                </span>
              </button>
            </span>
          </span>
        </span>
        <div
          style="display: flex; gap: 12px;"
        >
          <a>
            小程序开发
          </a>
          <a>
            入驻
          </a>
          <a>
            ISV 权限
          </a>
        </div>
      </div>
      <div
        class="ant-tabs ant-tabs-top"
      >
        <div
          aria-orientation="horizontal"
          class="ant-tabs-nav"
          role="tablist"
        >
          <div
            class="ant-tabs-nav-wrap"
          >
            <div
              class="ant-tabs-nav-list"
              style="transform: translate(0px, 0px);"
            >
              <div
                class="ant-tabs-tab ant-tabs-tab-active"
                data-node-key="articles"
              >
                <div
                  aria-controls="rc-tabs-test-panel-articles"
                  aria-selected="true"
                  class="ant-tabs-tab-btn"
                  id="rc-tabs-test-tab-articles"
                  role="tab"
                  tabindex="0"
                >
                  文章
                </div>
              </div>
              <div
                class="ant-tabs-tab"
                data-node-key="projects"
              >
                <div
                  aria-controls="rc-tabs-test-panel-projects"
                  aria-selected="false"
                  class="ant-tabs-tab-btn"
                  id="rc-tabs-test-tab-projects"
                  role="tab"
                  tabindex="-1"
                >
                  项目
                </div>
              </div>
              <div
                class="ant-tabs-tab"
                data-node-key="applications"
              >
                <div
                  aria-controls="rc-tabs-test-panel-applications"
                  aria-selected="false"
                  class="ant-tabs-tab-btn"
                  id="rc-tabs-test-tab-applications"
                  role="tab"
                  tabindex="-1"
                >
                  应用
                </div>
              </div>
              <div
                class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
                style="width: 0px; left: 0px; transform: translateX(-50%);"
              />
            </div>
          </div>
          <div
            class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden"
          >
            <button
              aria-controls="rc-tabs-test-more-popup"
              aria-expanded="false"
              aria-haspopup="listbox"
              class="ant-tabs-nav-more"
              id="rc-tabs-test-more"
              style="visibility: hidden; order: 1;"
              type="button"
            >
              <span
                aria-label="ellipsis"
                class="anticon anticon-ellipsis"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="ellipsis"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
                  />
                </svg>
              </span>
            </button>
          </div>
          <div
            class="ant-tabs-extra-content"
          >
            <a
              style="display: flex; gap: 4px;"
            >
              高级筛选 
              <span
                aria-label="up"
                class="anticon anticon-up"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="up"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 00140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
                  />
                </svg>
              </span>
            </a>
          </div>
        </div>
        <div
          class="ant-tabs-content-holder"
        >
          <div
            class="ant-tabs-content ant-tabs-content-top"
          >
            <div
              aria-hidden="false"
              aria-labelledby="rc-tabs-test-tab-articles"
              class="ant-tabs-tabpane ant-tabs-tabpane-active"
              id="rc-tabs-test-panel-articles"
              role="tabpanel"
              tabindex="0"
            />
          </div>
        </div>
      </div>
      <div
        class="ant-pro-query-filter-container "
      >
        <form
          autocomplete="off"
          class="ant-form ant-form-horizontal ant-pro-query-filter ant-pro-form"
        >
          <input
            style="display: none;"
            type="text"
          />
          <div
            class="ant-row ant-row-start ant-pro-query-filter-row"
            style="margin-left: -12px; margin-right: -12px;"
          >
            <div
              class="ant-col ant-col-24 ant-pro-query-filter-row-split-line ant-pro-query-filter-row-split"
              style="padding-left: 12px; padding-right: 12px;"
            >
              <div
                class="ant-pro-form-group"
              >
                <div
                  class="ant-pro-form-group-title"
                  style="display: inline-block; margin-inline-end: 16px;"
                >
                  姓名
                </div>
                <div>
                  <div
                    class="ant-space ant-space-horizontal ant-space-align-start ant-pro-form-group-container "
                    style="column-gap: 32px; row-gap: 0;"
                  >
                    <div
                      class="ant-space-item"
                    >
                      <div
                        class="ant-form-item ant-form-item-horizontal"
                      >
                        <div
                          class="ant-row ant-form-item-row"
                        >
                          <div
                            class="ant-col ant-form-item-control"
                          >
                            <div
                              class="ant-form-item-control-input"
                            >
                              <div
                                class="ant-form-item-control-input-content"
                              >
                                <span
                                  class="ant-input-affix-wrapper ant-input-affix-wrapper-focused ant-input-outlined"
                                  style="width: 100%;"
                                >
                                  <input
                                    class="ant-input"
                                    id="name"
                                    placeholder="请输入"
                                    type="text"
                                    value=""
                                  />
                                  <span
                                    class="ant-input-suffix"
                                  >
                                    <button
                                      class="ant-input-clear-icon ant-input-clear-icon-hidden"
                                      tabindex="-1"
                                      type="button"
                                    >
                                      <span
                                        aria-label="close-circle"
                                        class="anticon anticon-close-circle"
                                        role="img"
                                      >
                                        <svg
                                          aria-hidden="true"
                                          data-icon="close-circle"
                                          fill="currentColor"
                                          fill-rule="evenodd"
                                          focusable="false"
                                          height="1em"
                                          viewBox="64 64 896 896"
                                          width="1em"
                                        >
                                          <path
                                            d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
                                          />
                                        </svg>
                                      </span>
                                    </button>
                                  </span>
                                </span>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div
              class="ant-col ant-col-24 ant-pro-query-filter-row-split"
              style="padding-left: 12px; padding-right: 12px;"
            >
              <div
                class="ant-pro-form-group"
              >
                <div
                  class="ant-pro-form-group-title"
                  style="display: inline-block; margin-inline-end: 16px;"
                >
                  详情
                </div>
                <div>
                  <div
                    class="ant-space ant-space-horizontal ant-space-align-start ant-pro-form-group-container "
                    style="column-gap: 32px; row-gap: 0;"
                  >
                    <div
                      class="ant-space-item"
                    >
                      <div
                        class="ant-form-item ant-form-item-horizontal"
                      >
                        <div
                          class="ant-row ant-form-item-row"
                        >
                          <div
                            class="ant-col ant-form-item-label"
                          >
                            <label
                              class=""
                              for="age"
                              title="年龄"
                            >
                              年龄
                            </label>
                          </div>
                          <div
                            class="ant-col ant-form-item-control"
                          >
                            <div
                              class="ant-form-item-control-input"
                            >
                              <div
                                class="ant-form-item-control-input-content"
                              >
                                <span
                                  class="ant-input-affix-wrapper ant-input-outlined"
                                  style="width: 100%;"
                                >
                                  <input
                                    class="ant-input"
                                    id="age"
                                    placeholder="请输入"
                                    type="text"
                                    value=""
                                  />
                                  <span
                                    class="ant-input-suffix"
                                  >
                                    <button
                                      class="ant-input-clear-icon ant-input-clear-icon-hidden"
                                      tabindex="-1"
                                      type="button"
                                    >
                                      <span
                                        aria-label="close-circle"
                                        class="anticon anticon-close-circle"
                                        role="img"
                                      >
                                        <svg
                                          aria-hidden="true"
                                          data-icon="close-circle"
                                          fill="currentColor"
                                          fill-rule="evenodd"
                                          focusable="false"
                                          height="1em"
                                          viewBox="64 64 896 896"
                                          width="1em"
                                        >
                                          <path
                                            d="M512 64c247.4 0 448 200.6 448 448S759.4 960 512 960 64 759.4 64 512 264.6 64 512 64zm127.98 274.82h-.04l-.08.06L512 466.75 384.14 338.88c-.04-.05-.06-.06-.08-.06a.12.12 0 00-.07 0c-.03 0-.05.01-.09.05l-45.02 45.02a.2.2 0 00-.05.09.12.12 0 000 .07v.02a.27.27 0 00.06.06L466.75 512 338.88 639.86c-.05.04-.06.06-.06.08a.12.12 0 000 .07c0 .03.01.05.05.09l45.02 45.02a.2.2 0 00.09.05.12.12 0 00.07 0c.02 0 .04-.01.08-.05L512 557.25l127.86 127.87c.04.04.06.05.08.05a.12.12 0 00.07 0c.03 0 .05-.01.09-.05l45.02-45.02a.2.2 0 00.05-.09.12.12 0 000-.07v-.02a.27.27 0 00-.05-.06L557.25 512l127.87-127.86c.04-.04.05-.06.05-.08a.12.12 0 000-.07c0-.03-.01-.05-.05-.09l-45.02-45.02a.2.2 0 00-.09-.05.12.12 0 00-.07 0z"
                                          />
                                        </svg>
                                      </span>
                                    </button>
                                  </span>
                                </span>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div
                      class="ant-space-item"
                    >
                      <div
                        class="ant-form-item ant-form-item-horizontal"
                      >
                        <div
                          class="ant-row ant-form-item-row"
                        >
                          <div
                            class="ant-col ant-form-item-label"
                          >
                            <label
                              class=""
                              for="birth"
                              title="生日"
                            >
                              生日
                            </label>
                          </div>
                          <div
                            class="ant-col ant-form-item-control"
                          >
                            <div
                              class="ant-form-item-control-input"
                            >
                              <div
                                class="ant-form-item-control-input-content"
                              >
                                <div
                                  class="ant-picker ant-picker-outlined"
                                  style="width: 100%;"
                                >
                                  <div
                                    class="ant-picker-input"
                                  >
                                    <input
                                      aria-invalid="false"
                                      autocomplete="off"
                                      id="birth"
                                      placeholder="请选择"
                                      size="12"
                                      value=""
                                    />
                                    <span
                                      class="ant-picker-suffix"
                                    >
                                      <span
                                        aria-label="calendar"
                                        class="anticon anticon-calendar"
                                        role="img"
                                      >
                                        <svg
                                          aria-hidden="true"
                                          data-icon="calendar"
                                          fill="currentColor"
                                          focusable="false"
                                          height="1em"
                                          viewBox="64 64 896 896"
                                          width="1em"
                                        >
                                          <path
                                            d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
                                          />
                                        </svg>
                                      </span>
                                    </span>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </form>
      </div>
    </div>
  </div>
</DocumentFragment>